@charset "utf-8";
/* CSS Document */
#info{
	width:700;
	height:25;
	background-color:#333333;
	color:#FFFFFF;
	padding: 5px;
}
#info span{
	padding: 8px;
}
#floorplan {
    /*background-image: url(static/ultima_hexmap.jpg);*/
    width:1160px;
    height:630px;
    border: 1px solid;
}
.hexspace {
    position: absolute;
    left: 0px;
    top: 0px;
    width:100px;
    height:100px;
    background-image: url(static/hexagon100.png);
    background-repeat: no-repeat;
    font-size:11px;
    font-family:verdana;
    color:#000;
    padding:0px;
}
.hex_esperar{
	background-image:url(static/hexagonyellow100.gif);	
}
.hex_encendido{
	background-image:url(static/hexagonHighlighted100.png);	
}
.hex_fijo{
	background-image:url(static/hexagonyellow100.png);	
}


.rock{
	background-image:url(static/rock.gif);	
}
.paper{
	background-image:url(static/paper.gif);	
}
.scissors{
	background-image:url(static/scissors.gif);	
}
.lizzard{
	background-image:url(static/lizzard.gif);	
}
.spock{
	background-image:url(static/spock.gif);	
}
.pieza{
	margin-left:4;
	margin-top:25;
	width:50;
	height:50;
}
.marcador_clase{
	position:absolute;
	left:1000;
	top:200;
	width:250;
	height:250;
	background-color:#66FF66;
	overflow:scroll;
	z-index:1000;
}
body {
	background-color: #FFFFCC;
}
a{
	color:#FFFF00;
}
a:hover{
	color:#FFFFFF;
}